import React, {Component} from 'react'
import {Platform, StyleSheet, Text, View, Button, Image, PixelRatio} from 'react-native'

type Props = {};
export default class CourseRenew extends Component<Props> {
  render() {
    let reNewUser = <View style={styles.reNewUser}>
      <Text style={styles.parentLabel}>家长信息</Text>
      <View style={styles.parentInfo}>
        <Text style={styles.parentName}>刘冰冰</Text>
        <Text style={styles.parentPhone}>15811715851</Text>
      </View>
      <Text style={styles.childrenLabel}>家长信息</Text>
      <View style={styles.childrenInfo}>
        <Text style={styles.childrenName}>刘冰</Text>
        <Text style={styles.childrenSex}>女</Text>
      </View>
      <Text style={styles.childrenBirthday}>出生日期：2015.05.06</Text>
    </View>
    return (
      <View style={styles.container}>
        <View style={[styles.minaPageCon, {marginTop: 10}]}>
          {reNewUser}
        </View>
      </View>
    );
  }
};

const styles = StyleSheet.create({
  container: {
    flex: 1
  },
  minaPageCon: {
    paddingLeft: 16,
    paddingRight: 16,
  },
  reNewUser: {
    backgroundColor: '#fff',
    borderRadius: 8,
    paddingTop: 24,
    paddingBottom: 24,
    paddingLeft: 12,
  },
  parentLabel: {
    fontSize: 12,
    fontFamily: 'PingFangSC-Regular',
    fontWeight: ('normal', '400'),
    color: '#9C9C9C',
  },
  parentInfo: {
    fontSize: 14,
    fontFamily: 'PingFangSC-Regular',
    fontWeight: ('normal', '400'),
    color: '#282828',
    marginTop: 14,
    flexDirection: 'row',
  },
  parentName: {
    color: '#282828',
    marginRight: 30
  },
  parentPhone: {
    color: '#282828',
  },
  childrenLabel: {
    fontSize: 12,
    fontFamily: 'PingFangSC-Regular',
    fontWeight: ('normal', '400'),
    color: '#9C9C9C',
    marginTop: 18,
  },
  childrenInfo: {
    marginTop: 14,
    flexDirection: 'row',
  },
  childrenName: {
    color: '#282828',
    marginRight: 30
  },
  childrenSex: {
    color: '#282828',
  },
  childrenBirthday: {
    fontSize: 12,
    fontFamily: 'PingFangSC-Regular',
    fontWeight: ('normal', '400'),
    color: '#282828',
    marginTop: 8,
  }
})

